<div data-options="dxView: {name: 'nieuweLeerling'}">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div id="navBarContainer" data-bind="dxNavBar: { dataSource: navItems, itemClickAction: navItemClicked }" />
        <div style="margin: 10px" data-bind="template: { afterRender: Laad }">
        <div class="dx-fieldset">
            <div class="dx-field">
                <div class="dx-field-label">Naam: </div>
                <div class="dx-field-value" data-bind="dxTextBox: { value: naam }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Lesnummer: </div>
                <div class="dx-field-value" data-bind="dxNumberBox: { value: lesnummer }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Pakket: </div>
                <div class="dx-field-value" data-bind="dxTextBox: { value: pakket }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Extra info: </div>
                <div class="dx-field-value" data-bind="dxTextBox: { value: extra }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Straat: </div>
                <div class="dx-field-value" data-bind="dxTextBox: { value: straat }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Huisnummer: </div>
                <div class="dx-field-value" data-bind="dxNumberBox: { value: huisnummer }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Postcode: </div>
                <div class="dx-field-value" data-bind="dxTextBox: { value: postcode }"></div>
            </div>
            <div class="dx-field">
                <div class="dx-field-label">Woonplaats: </div>
                <div class="dx-field-value" data-bind="dxTextBox: { value: woonplaats }"></div>
            </div>
        </div>

        <div data-bind="dxButton: { text: 'Voeg toe', clickAction: opslaan }"></div>
            </div>

    </div>
</div>
